<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>WICITY</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">

        <link href="public/assets/css/style.css" rel="stylesheet"/>
        <script type="text/javascript" src="public/assets/js/jquery-2.0.2.min.js"></script>
    </head>
    <body>
        <div id="sidebar">
            <ul>
                <li class="user">
                    <div class="logo">
                        <img style="width: 100%;" src="public/assets/images/avatar.png"/>
                    </div>
                    <p>Xin chào Dương Dung</p>
                    <p>Số dư <span style="color: #ff6600">5.000.000</span></p>
                    <p><a class="logout" href=""><span class="icon-logout small"></span> <span>Logout</span></a></p>
                </li>
                <li class="active">
                    <a href="">
                        <i class="icon-statistics big"></i>
                        <label>Thống kê nhanh</label>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="icon-campaign big"></i>
                        <label>Chiến dịch</label>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="icon-place big"></i>
                        <label>Địa điểm</label>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="icon-report big"></i>
                        <label>Báo cáo</label>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="icon-setting big"></i>
                        <label>Cài đặt</label>
                    </a>
                </li>
            </ul>
        </div>
        <div id="mainPanel">
            <div class="inside">
                <div class="navigationPanel">
                    <ul>
                        <li> <a href="http://localhost/wicity/admin/campaign/dia-diem.html"><i class="fa fa-star"></i> Địa điểm</a> </li>
                        <li> <a href="http://localhost/wicity/admin/campaign/tat-ca.html"><i class="fa fa-star"></i> Tất cả chiến dịch</a> </li>
                        <li> <a href="http://localhost/wicity/admin/campaign/cho-duyet.html" class="active"><i class="fa fa-star"></i> Chiến dịch chờ duyệt</a> </li>
                        <li> <a href="http://localhost/wicity/admin/campaign/dang-chay.html"><i class="fa fa-star"></i> Chiến dịch đang chạy</a> </li>
                        <li> <a href="http://localhost/wicity/admin/campaign/dang-tam-dung.html"><i class="fa fa-star"></i> Chiến dịch đang tạm dừng</a> </li>
                        <li> <a href="http://localhost/wicity/admin/campaign/da-huy.html"><i class="fa fa-star"></i> Chiến dịch đã hủy</a> </li>
                    </ul>
                </div>
                <div class="contentPanel">
                    <div style="margin-bottom: 20px;">
                        <h1 style="font-size: 24px; margin-bottom: 20px">BUTTON</h1>
                        <button class="btn btn-primary"><span>Button</span></button>
                        <button class="btn btn-primary"><i class="fa fa-star"></i><span>Button</span></button>
                        <button class="btn btn-primary"><span>Button</span><i class="fa fa-star"></i></button>
                        <button class="btn btn-primary"><i class="fa fa-star"></i></button>
                        <br />
                        <br />
                        <button class="btn btn-info"><span>Button</span></button>
                        <button class="btn btn-info"><i class="fa fa-star"></i><span>Button</span></button>
                        <button class="btn btn-info"><span>Button</span><i class="fa fa-star"></i></button>
                        <button class="btn btn-info"><i class="fa fa-star"></i></button>
                        <br />
                        <br />
                        <button class="btn btn-success"><span>Button</span></button>
                        <button class="btn btn-success"><i class="fa fa-star"></i><span>Button</span></button>
                        <button class="btn btn-success"><span>Button</span><i class="fa fa-star"></i></button>
                        <button class="btn btn-success"><i class="fa fa-star"></i></button>
                        <br />
                        <br />
                        <button class="btn btn-default"><span>Button</span></button>
                        <button class="btn btn-default"><i class="fa fa-star"></i><span>Button</span></button>
                        <button class="btn btn-default"><span>Button</span><i class="fa fa-star"></i></button>
                        <button class="btn btn-default"><i class="fa fa-star"></i></button>
                    </div>
                    <div style="margin-bottom: 20px;">
                        <h1 style="font-size: 24px; margin-bottom: 20px">FORM</h1>
                        <div class="contentBox switcher">
                            <h3>Tên form</h3>
                            <div class="insideContentBox">
                                <label>Input Text</label>
                                <input type="text" class="ipt" placeholder="Input Text"/>

                                <label>Input Text</label>
                                <input type="password" class="ipt" placeholder="Input Password"/>

                                <label>Input Email</label>
                                <input type="email" class="ipt" placeholder="Input Email"/>

                                <label>Select</label>
                                <div class="custom-line">
                                    <span>
                                        <select class="select-tag">
                                            <option value="ha-noi">Hà Nội</option>
                                            <option value="ho-chi-minh">Hồ Chí Minh</option>
                                            <option value="tokyo">Tokyo</option>
                                        </select>
                                    </span>
                                </div>
                                <label>Textarea</label>
                                <textarea></textarea>

                                <label>Checkbox</label>
                                <div class="checkLine">
                                    <span class="checkBox">
                                        <input type="checkbox" value="None" id="checkBox" name="check">
                                        <label class="check" for="checkBox"></label>
                                    </span>
                                    <span> Lựa chọn 1</span>
                                </div>
                                <div class="checkLine">
                                    <span class="checkBox">
                                        <input type="checkbox" value="None" id="checkBox1" name="check1">
                                        <label class="check" for="checkBox1"></label>
                                    </span>
                                    <span> Lựa chọn 2</span>
                                </div>

                                <label>Radio</label>
                                <div class="checkLine">
                                    <span class="radioBox">
                                        <input type="radio" id="r1" name="rr" />
                                        <label for="r1"><span></span>Radio 2</label>
                                    </span>
                                    <span class="radioBox">
                                        <input type="radio" id="r2" name="rr" />
                                        <label for="r2"><span></span>Radio 2</label>
                                    </span>
                                </div>

                                <label>Upload Image</label>
                                <div class="uploadImage">
                                    <img src="public/assets/images/no-image.png" id="display_image_" onerror="public/images/no-image.png"/>
                                    <input class="image-input" type="file" name="img_uploads" id="image_upload" onchange="convertimage('image_upload', 'image_', 'display_image_');" value="" />
                                    <label class="hidden-label" for="image_upload"></label>
                                    <input type="hidden" name="image_" id="image_" value="" />
                                    <input type="hidden" name="image_verify" id="image_verify" value="" />
                                    <input type="hidden" name="image_check" id="image_check" value="" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="margin-bottom: 20px;">
                        <h1 style="font-size: 24px; margin-bottom: 20px">Table</h1>
                        <div class="tableW">
                            <table>
                                <thead>
                                    <tr>
                                        <th>Wicity</th>
                                        <th>Lorem</th>
                                        <th>ipsum</th>
                                        <th>Lorem ipsum</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Lorem ipsum</td>
                                        <td>Lorem ipsum</td>
                                        <td>Lorem ipsum</td>
                                        <td>Lorem ipsum</td>
                                    </tr>
                                    <tr>
                                        <td>Lorem ipsum</td>
                                        <td>Lorem ipsum</td>
                                        <td>Lorem ipsum</td>
                                        <td>Lorem ipsum</td>
                                    </tr>
                                    <tr>
                                        <td>Lorem ipsum</td>
                                        <td>Lorem ipsum</td>
                                        <td>Lorem ipsum</td>
                                        <td>Lorem ipsum</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div style="margin-bottom: 20px;">
                        <h1 style="font-size: 24px; margin-bottom: 20px">REPORT</h1>
                        <div class="contentBox switcher">
                            <div class="dashboardLine" style="margin-top: 20px;"> 
                                <div class="row-fluid"> 
                                    <div class="span25">
                                        <div class="iconColor darkgreen"></div>
                                        <div class="nums">
                                            <div class="cell" style="background: #ececec;"><span>6.757</span><small>Lượt truy cập</small></div>
                                        </div>
                                    </div>
                                    <div class="span25">
                                        <div class="iconColor_ctr darkgreen"></div>
                                        <div class="nums">
                                            <div class="cell" style="background: #ececec;"><span>0 %</span><small>Tỷ lệ CTR</small></div>
                                        </div>
                                    </div>
                                    <div class="span25">
                                        <div class="iconColor_browser"></div>
                                        <div class="nums">
                                            <div class="cell" style="background: #ececec;"><span>19</span><small>Loại trình duyệt</small></div>
                                        </div>
                                    </div>
                                    <div class="span25">
                                        <div class="iconColor_device"></div>
                                        <div class="nums">
                                            <div class="cell" style="background: #ececec;"><span>247</span><small>Loại máy</small></div>
                                        </div>
                                    </div>
                                    <div class="span25">
                                        <div class="iconColor_os"></div>
                                        <div class="nums">
                                            <div class="cell" style="background: #ececec;"><span>9</span><small>Loại hệ điều hành</small></div>
                                        </div>
                                    </div>


                                </div>

                            </div>
                            <div class="dashboardLine" style="float: left;width: 31.91489362%"> 
                                <div class="row-fluid"> 
                                    <div class="span12">
                                        <div class="iconColor_email"></div>
                                        <div class="nums">
                                            <div class="cell" style="background: #ececec;"><span>5</span><small>Email đăng ký</small></div>
                                            <div class="cell" style="background: #ececec;"><span><img style="cursor: pointer;" title="Xuất báo cáo" onclick="report_email()" src="http://localhost/wicity/admin/public/theme/analytics/export-icon.png"></span><small>Xuất báo cáo</small></div>
                                        </div>

                                    </div>


                                </div>
                            </div>
                            <div class="dashboardLine" style="float: left;width: 31.91489362%;margin-left: 2.12765957%;"> 
                                <div class="row-fluid"> 
                                    <div class="span12">
                                        <div class="iconColor_mobile"></div>
                                        <div class="nums">
                                            <div class="cell" style="background: #ececec;"><span>1</span><small>Số điện thoại</small></div>
                                            <div class="cell" style="background: #ececec;"><span><img style="cursor: pointer;" title="Xuất báo cáo" onclick="report_mobile()" src="http://localhost/wicity/admin/public/theme/analytics/export-icon.png"> </span><small>Xuất báo cáo</small></div>
                                        </div>

                                    </div>


                                </div>
                            </div>
                            <div class="dashboardLine" style="float: left;width: 31.91489362%;margin-left: 2.12765957%;"> 
                                <div class="row-fluid"> 
                                    <div class="span12">
                                        <div class="iconColor_facebook"></div>
                                        <div class="nums">
                                            <div class="cell" style="background: #ececec;"><span>1</span><small>Facebook</small></div>
                                            <div class="cell" style="background: #ececec;"><span><img style="cursor: pointer;" title="Xuất báo cáo" onclick="report_facebook()" src="http://localhost/wicity/admin/public/theme/analytics/export-icon.png"> </span><small>Xuất báo cáo</small></div>
                                        </div>

                                    </div>


                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="public/assets/js/custom.js"></script>
    </body>
</html>
